@use "@/styles/var" as *;

@forward "element-plus/theme-chalk/src/common/var.scss" with (
  $header:(
    'padding': 0,
    'height': 50px,
  ),
  $main: (
  'padding':0 10px,
  ),
  $menu:(
    'item-height':49px,
    'horizontal-height':50px,
  ),
  $table:(
  'header-text-color':#666
  ),
  $dialog:(
    'padding-primary': 15px,
  ),

  $date-editor: (
    'width': 220px,
    'monthrange-width': 95%,
    'daterange-width': 95%,
    'datetimerange-width': 95%,
  ),
  $avatar: (
    'bg-color': #ffffff,
  ),

  /*--以下是针对small 做的样式覆盖--*/
  $table-padding:(
  'small': 6px 0,
  ),
  $pagination:(
  'button-width-small': 28px,
    'button-height-small': 28px,
  ),
  $common-component-size:(
  "small":28px
  ),
  $border-radius:(
  'base': 2px,
    'small': 2px,
    'round': 20px,
    'circle': 100%,
  )
);

@use "element-plus/theme-chalk/src/index.scss" as *;
@use "./dark.scss";

.el-container {
  height: calc(100vh - var(--el-menu-item-height) - 1px);
}

.el-menu--horizontal {
  background: linear-gradient(to right, $side-bg-color, $header-bg-color);
}

.el-menu--vertical {
  background: $side-bg-color;
}
